<div class="row">
  <div class="col-md-1">&nbsp;</div>
  <div class="col-md-10">
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">Watcher</h3>
      </div>
      <div class="panel-body">
        <textarea id="watcher" style="width: 100%; height: 600px"></textarea>
      </div>
    </div>
  </div>
  <div class="col-md-1">&nbsp;</div>
</div>

<script type="text/javascript">
    $(document).ready(function() {
        var accounts = web3.eth.accounts;
        $('#watcher').append('用户列表：' + '\n');
        for(var i = 0; i < accounts.length ; i++){
            $('#watcher').append('    ' +accounts[i] + '\n');
        }
        $('#watcher').append('用户余额：' + '\n');
        for(var i = 0; i < accounts.length ; i++){
            var balance = web3.eth.getBalance(accounts[i]).toNumber();
            $('#watcher').append('    ' +balance + '\n');
        }
    });
</script>